<!DOCTYPE html>
<html >
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    
    <title>xilixili.net | 生活と技术の杂记</title>
    <meta name="renderer" content="webkit">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <meta name="description" content="">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="xilixili.net | 生活と技术の杂记">
    <meta name="twitter:description" content="">

    <meta property="og:type" content="article">
    <meta property="og:title" content="xilixili.net | 生活と技术の杂记">
    <meta property="og:description" content="">

    
    <meta name="author" content="rangerlee">
    
    <link rel="stylesheet" href="/css/vno.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">

    
    <link rel="icon" href="/images/avatar-small.png">
    

    <meta name="generator" content="hexo"/>
    
    <link rel="alternate" type="application/rss+xml" title="xilixili.net" href="/atom.xml">
    

    <link rel="canonical" href="xilixili.net"/>

                 
</head>

<body class="home-template no-js">
    <script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/js/main.js"></script>
    <span class="mobile btn-mobile-menu">
        <i class="fa fa-list btn-mobile-menu__icon"></i>
        <i class="fa fa-angle-up btn-mobile-close__icon hidden"></i>
    </span>

    
<header class="panel-cover panel-cover--collapsed">
  <div class="panel-main">
    <div class="panel-main__inner panel-inverted">
    <div class="panel-main__content">

        <h1 class="panel-cover__title panel-title"><a href="/" title="访问首页 xilixili.net">xilixili.net</a></h1>
        
        <span class="panel-cover__subtitle panel-subtitle"><!-- 生活と技术の杂记 --></span>
        
        <hr class="panel-cover__divider">
        
        <p class="panel-cover__description">生活と技术の杂记</p>
        
	<hr class="panel-cover__divider panel-cover__divider--secondary">

        <div class="navigation-wrapper">
          <div>
          <nav class="cover-navigation cover-navigation--primary">
            <ul class="navigation">
              <li class="navigation__item"><a href="/#blog" title="访问博客" class="blog-button">博客</a></li>
            
            </ul>
          </nav>
          </div>
          <div>
          <nav class="cover-navigation navigation--social">
  <ul class="navigation">

  <!-- Weibo-->
  

  <!-- Github -->
  
  <li class="navigation__item">
    <a href="https://github.com/rangerlee" title="查看我的GitHub主页" target="_blank">
      <i class="social fa fa-github"></i>
      <span class="label">Github</span>
    </a>
  </li>


<!-- Stack Overflow -->
        

  <!-- Google Plus -->
  

<!-- Facebook -->

  
<!-- Twitter -->

  

  <li class="navigation__item">
    <a href="/atom.xml" title="RSS" target="_blank">
      <i class="social fa fa-rss"></i>
      <span class="label">RSS</span>
    </a>
  </li>


  <li class="navigation__item">
    <a href="mailto:http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=RzUmKSAiNSsiIgchKD8qJi4raSQoKg" title="邮件联系我" target="_blank">
      <i class="social fa fa-envelope"></i>
      <span class="label">Email</span>
    </a>
  </li>


  </ul>
</nav>

          </div>
        </div>

      </div>

    </div>

    <div class="panel-cover--overlay cover-alpha"></div>
  </div> 
</header>
<script type="text/javascript">
var side = document.getElementsByClassName("panel-cover")[0];
function checkWebp() {
	try{
		return(document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') == 0);
	}catch(err) {
		return false;
	}
};

if(checkWebp()) {
	side.style.backgroundImage = "url('/images/background-cover.jpg.webp')";
} else {
	side.style.backgroundImage = "url('/images/background-cover.jpg')";
}
</script>


    <div class="content-wrapper">
        <div class="content-wrapper__inner">
            <div class="main-post-list">
    
  <ol class="post-list">
  
    
    <li>
      <h2 class="post-list__post-title post-title"><a href="/2021/12/10/pack-h264-with-b-frame-to-rtp/" title="阅读 RTP打包带B帧的H264">RTP打包带B帧的H264</a></h2>
      <p class="excerpt">
    
      正常情况下，RTP传输的H264是BP规格的，也就是只有I/P帧的视频内容。是否可以传输高规格视频呢，答案是肯定的。
H264视频规格分析H.264有四种画质级别,分别是BP、EP、MP、HP：

Baseline Profile 基本画质。支持I/P帧，只支持无交错和CAVLC。
Extended profile 进阶画质。支持I/P/B/SP/SI帧，只支持无交错和CAVLC。
Main pr
    &hellip;
      </p>
      <div class="post-list__meta"><time datetime="2021-12-10T09:27:00.000Z" class="post-list__meta--date date">2021-12-10</time> &#8226; <span class="post-list__meta--tags tags">
  <a class="tag-link" href="/tags/技术/">技术</a>
</span><a class="btn-border-small" href="/2021/12/10/pack-h264-with-b-frame-to-rtp/">继续阅读</a></div>
      <hr class="post-list__divider">
    </li>
  
    
    <li>
      <h2 class="post-list__post-title post-title"><a href="/2021/08/16/github-use-ssh/" title="阅读 配置GITHUB使用SSH操作">配置GITHUB使用SSH操作</a></h2>
      <p class="excerpt">
    
      Github已经禁用了使用账号密码进行代码提交等操作的鉴权了，因此我们只能使用其他方式，比如SSH方式进行提交。
生成SSH-KEY按照官方指引，在桌面右键通过点击 Git Bash Here 或其他方式打开Bash，在内部执行。
$ ssh-keygen -t ed25519 -C 你的邮箱Generating public/private ed25519 key pair.Enter file
    &hellip;
      </p>
      <div class="post-list__meta"><time datetime="2021-08-16T11:34:00.000Z" class="post-list__meta--date date">2021-08-16</time> &#8226; <span class="post-list__meta--tags tags">
  <a class="tag-link" href="/tags/技术/">技术</a>
</span><a class="btn-border-small" href="/2021/08/16/github-use-ssh/">继续阅读</a></div>
      <hr class="post-list__divider">
    </li>
  
    
    <li>
      <h2 class="post-list__post-title post-title"><a href="/2021/08/12/aac-in-flv/" title="阅读 FLV中AAC格式">FLV中AAC格式</a></h2>
      <p class="excerpt">
    
      简单的记录一下，在合成FLV文件时候，按照规范必须是特定采样率的AAC才行，但实际上并没有这个要求，只需要携带AAC的 Audio Specific Config 就可以了。
AAC音频格式按照FLV的规范要求，AAC可设置的采样率如下。
0 = 5.5-kHz1 = 11-kHz2 = 22-kHz3 = 44-kHz
实际上平时时候的采样率很多，比如16K、32K等等，在 Audio Spec
    &hellip;
      </p>
      <div class="post-list__meta"><time datetime="2021-08-12T03:42:00.000Z" class="post-list__meta--date date">2021-08-12</time> &#8226; <span class="post-list__meta--tags tags">
  <a class="tag-link" href="/tags/技术/">技术</a>
</span><a class="btn-border-small" href="/2021/08/12/aac-in-flv/">继续阅读</a></div>
      <hr class="post-list__divider">
    </li>
  
    
    <li>
      <h2 class="post-list__post-title post-title"><a href="/2021/07/12/about-callee-in-sip/" title="阅读 SIP中的被叫">SIP中的被叫</a></h2>
      <p class="excerpt">
    
      在SIP中被叫到底应该是哪个字段，其实之前一直没有使用到，但是偶尔有这方面的需求，需要查询记录下。
首先我们知道在SIP中的被叫其实有2个地方

第一个就是请求行，类似 INVITE 1001@172.27.16.4 SIP/2.0 中的URL中的 username 
第二个是 To 行，类似 To: &amp;lt;sip:1001@172.27.16.4&amp;gt; 中的URL中的 username 


    &hellip;
      </p>
      <div class="post-list__meta"><time datetime="2021-07-12T11:11:00.000Z" class="post-list__meta--date date">2021-07-12</time> &#8226; <span class="post-list__meta--tags tags">
  <a class="tag-link" href="/tags/技术/">技术</a>
</span><a class="btn-border-small" href="/2021/07/12/about-callee-in-sip/">继续阅读</a></div>
      <hr class="post-list__divider">
    </li>
  
    
    <li>
      <h2 class="post-list__post-title post-title"><a href="/2021/04/14/extra-h264-from-pcap/" title="阅读 开发从RTP抓包中抽取H264视频的工具">开发从RTP抓包中抽取H264视频的工具</a></h2>
      <p class="excerpt">
    
      需求场景经常使用抓包工具分析RTP视频的人来讲，在抓包工具很容易分析包信息，但是并不能像PCMA音频一样可以直接预览，因此视频内容正确与否很难判断，因此需要开发工具来从抓包内提取视频出来。
总的来说，归纳下需要实现的关键点

为了简单期间，需要提前讲视频流单独导出一个单独的抓包文件(用端口等规则过滤)
支持正常打包，和 Fu-A 以及 STAP-A 这两种最常见的分包场景
能够实现对由于各种原因导
    &hellip;
      </p>
      <div class="post-list__meta"><time datetime="2021-04-14T02:23:00.000Z" class="post-list__meta--date date">2021-04-14</time> &#8226; <span class="post-list__meta--tags tags">
  <a class="tag-link" href="/tags/技术/">技术</a>
</span><a class="btn-border-small" href="/2021/04/14/extra-h264-from-pcap/">继续阅读</a></div>
      <hr class="post-list__divider">
    </li>
  
    
    <li>
      <h2 class="post-list__post-title post-title"><a href="/2021/03/25/rtp-out-of-order/" title="阅读 视频RTP乱序问题">视频RTP乱序问题</a></h2>
      <p class="excerpt">
    
      问题分析最近在一个新环境下保持RTP的H264视频数据花屏，按照以往经验，最大可能性是丢包了，遂抓包分析，发现包个数足够，并没有反馈任何包的丢失，这就有意思了。
不过在看抓包过程中，不经意间发现了下面的现象

seq 51 的包跑到 seq 50 的前面了，怪不得解包的视频不正确。顺着这个线索继续看发现

乱序现象一直存在，间隔时间不长就出现一次
乱序的包是一个视频帧，即其时间戳是相同的

解决方
    &hellip;
      </p>
      <div class="post-list__meta"><time datetime="2021-03-25T06:51:00.000Z" class="post-list__meta--date date">2021-03-25</time> &#8226; <span class="post-list__meta--tags tags">
  <a class="tag-link" href="/tags/技术/">技术</a>
</span><a class="btn-border-small" href="/2021/03/25/rtp-out-of-order/">继续阅读</a></div>
      <hr class="post-list__divider">
    </li>
  
    
    <li>
      <h2 class="post-list__post-title post-title"><a href="/2021/02/08/h264-get-width-height-from-sps/" title="阅读 从H264中SPS计算宽高">从H264中SPS计算宽高</a></h2>
      <p class="excerpt">
    
      最近在处理H264流的时候发现计算的宽高并不正确。
基本计算方法大家都知道SPS解析之后，宽高就可以通过下面的计算公式计算出来：

宽 (pic_width_in_mbs_minus1 + 1) * 16
高 (pic_height_in_map_units_minus1 + 1) * 16

然而仔细思考一下就发现，这种方式计算的宽高都是16的倍数，但好像和平时的认知不符啊。
其实针对不是16整
    &hellip;
      </p>
      <div class="post-list__meta"><time datetime="2021-02-08T10:54:00.000Z" class="post-list__meta--date date">2021-02-08</time> &#8226; <span class="post-list__meta--tags tags">
  <a class="tag-link" href="/tags/技术/">技术</a>
</span><a class="btn-border-small" href="/2021/02/08/h264-get-width-height-from-sps/">继续阅读</a></div>
      <hr class="post-list__divider">
    </li>
  
    
  </ol>


 <script type="text/x-mathjax-config">
    MathJax.Hub.Config({"HTML-CSS": { preferredFont: "TeX", availableFonts: ["STIX","TeX"], linebreaks: { automatic:true }, EqnChunk: (MathJax.Hub.Browser.isMobile ? 10 : 50) },
        tex2jax: { inlineMath: [ ["$", "$"], ["\\(","\\)"] ], processEscapes: true, ignoreClass: "tex2jax_ignore|dno",skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']},
        TeX: {  noUndefined: { attributes: { mathcolor: "red", mathbackground: "#FFEEEE", mathsize: "90%" } }, Macros: { href: "{}" } },
        messageStyle: "none"
    }); 
    
</script>
<script type="text/x-mathjax-config">
    MathJax.Hub.Queue(function() {
        var all = MathJax.Hub.getAllJax(), i;
        for(i=0; i < all.length; i += 1) {
            all[i].SourceElement().parentNode.className += ' has-jax';
        }
    });
</script>
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
</div>


            <footer class="footer">
    <span class="footer__copyright">
        &copy; 2023 rangerlee - 本站点采用 <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议</a>
       
    </span>
    <span class="footer__copyright">
             - 本站基于开源 <a href="http://hexo.io">Hexo</a> 搭建，采用 <a href="https://github.com/rangerlee/hexo-theme-new-vno">hexo-theme-new-vno</a> 主题，修改自 <a href="https://github.com/monniya/hexo-theme-new-vno ">new-vno</a> 主题  <a href="http://www.beian.miit.gov.cn">皖ICP备16009457号</a>
         </span>
       
    
    
</footer>


        </div>
    </div>

     
    
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?bab4f71524319c10819bcae280021624";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    </script>



    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    
    
</body>
</html>
